<script src="jquery-3.5.1.min.js"></script>
<button onclick="ajax_text()">ajax test</button>
<div id='text'></div>
<script>
    function ajaxLog(data)
    {
        $('#text').val(data);
    }
    function ajax_text()
    {
    var jqxhr = $.ajax('E:/PROJECTS/js_practice/jQuery/api/categories', {
        dataType: 'json'})
        .done(function (data) {
            ajaxLog('成功, 收到的数据: ' + JSON.stringify(data));})
        .fail(function (xhr, status) {
            ajaxLog('失败: ' + xhr.status + ', 原因: ' + status);})
        .always(function () {
            ajaxLog('请求完成: 无论成功或失败都会调用');
        }); 
    }
    //GET /path/to/resource?name=Bob%20Lee&check=1
    var jqxhr = $.get('/path/to/resource', {
        name: 'Bob Lee',
        check: 1
    });
    //POST
    var jqxhr = $.post('/path/to/resource', {
        name: 'Bob Lee',
        check: 1
    });
    //getJSON
    var jqxhr = $.getJSON('/path/to/resource', {
        name: 'Bob Lee',
        check: 1
    }).done(function (data) {
        // data已经被解析为JSON对象了
    });
</script>